<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <title>直线科技</title>
        <style>
            html {
                color: #666;
                background-color: #f6f6f6;
                font-family: "Source Sans Pro", Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "黑体", SimHei, sans-serif;
            }
        </style>
        <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <script>
            //--------------------------显示适配-------------------------------
            var designWidth = 375;
            var maxWidth = 2048
            var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
            designWidth = designWidth || 750;
            maxWidth = maxWidth || 640;
            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                console.log(width);
                maxWidth = maxWidth || 540;
                width > maxWidth && (width = maxWidth);
                var rem = width * 100 / designWidth;
                remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
            }
            if (docEl.firstElementChild) {
                docEl.firstElementChild.appendChild(remStyle);
            } else {
                var wrap = doc.createElement("div");
                wrap.appendChild(remStyle);
                doc.write(wrap.innerHTML);
                wrap = null;
            }
            //要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
            refreshRem();
            win.addEventListener("resize", function() {
                clearTimeout(tid); //防止执行两次
                tid = setTimeout(refreshRem, 300);
            }, false);
            
            win.addEventListener("pageshow", function(e) {
                if (e.persisted) { // 浏览器后退的时候重新计算
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                }
            }, false);
            
            if (doc.readyState === "complete") {
                doc.body.style.fontSize = "16px";
            } else {
                doc.addEventListener("DOMContentLoaded", function(e) {
                    doc.body.style.fontSize = "16px";
                }, false);
            }
        </script>
        <script src="https://cdn.bootcss.com/he/1.1.1/he.min.js"></script>
        <script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>
    <link href="/styles.d84c078f.css" rel="stylesheet"></head>
    <body>
        <div id="app"></div>
    <script type="text/javascript" src="/manifest.6815dfc1.js"></script><script type="text/javascript" src="/vendor.3877b2a7.js"></script><script type="text/javascript" src="/client.12a976a4.js"></script></body>
</html>